html, body {
  width: 100%;
  height: 100%;
  font-family: $font-family;
  font-size: 14px;
  color: #333;
  //overflow-y: auto;
  overflow: hidden;
  box-sizing: border-box;
}

html, body {
  @media print {
    height: auto;
  }
}

body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,
fieldset,legend,input,textarea, select {
  margin: 0;
  padding: 0;
}

iframe {
  border: none;
}

p, span, div, body {
  word-break:break-all;
  -webkit-overflow-scrolling: touch;
}
::-webkit-scrollbar {
  width: 6px;
  background-color: #eee;
}

::-webkit-scrollbar-thumb {
  background-color: #c1c1c1;

  &:hover {
    background-color: #a8a8a8;
  }

  &:active {
    background-color: #787878;
  }
}

* {
  scrollbar-width: thin;
  scrollbar-color: #c1c1c1 #eee;
}
